
import {Component} from 'react'
import { AtSearchBar } from 'taro-ui'

import './hotSpotsIndex.less'
import HotSpotsHeader from './hotSpotsHeader'
import HotSpotsContents from './hotSpotsContents'

class HotSpotsIndex extends Component {
  state = {
    value: ''
  }

// 生命周期
componentWillMount() {
}//第一次渲染之前，只执行一次

componentDidMount() {
}//第一次渲染之后，只执行一次

componentWillUnmount() {
}//卸载之前，只执行一次

componentDidShow() {
}//页面显示时候触发

componentDidHide() {
}//页面隐藏时候触发

shouldComponentUpdate(nextProps, nextState) {//更改即将发生时候执行
  if (nextState.name == 'lisi')
    return true
  else
    return false;//表示该更改state变量的动作失效
}
  onChange(value){
    this.setState({
      value: value
    })
  }

  render() {
    return (
      <view>
        <AtSearchBar className="searchBar" value={this.state.value} onChange={this.onChange.bind(this)} placeholder='搜索今日热点' />
        <HotSpotsHeader></HotSpotsHeader>
        <HotSpotsContents></HotSpotsContents>
      </view>
    )
  }
}

export default HotSpotsIndex
